<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
	padding:50px;
	border: dotted 1px;
}
article{
	height: 500px;
}
</style>
</head>
<body>
<section id="sec">
<article class="" id="art1">1</article>
<article class="" id="art2">2</article>
<article class="" id="art3">3</article>
<article class="" id="art4">4</article>
</section>
<script type="text/javascript">
console.log(6666)
// onmousewheel
// document.onscroll=function(){//flex没有滚
index=1
document.onmousewheel=function(){
	console.log(document.scrollingElement.scrollTop)
	// console.log(art2.scrollTop,"-----")
	console.log(art2.offsetTop,"+++++")
	
	document.scrollingElement.scrollTop=65
	
	newTop=art2.offsetTop+200
	if(newTop<=document.scrollingElement.scrollTop){
		"翻页"
		nextTOP=art3.offsetTop
		document.scrollingElement.scrollTop=nextTOP
		i++
	}
}
</script>
</body>
</html>
